<link rel="stylesheet" href="tabs/css/tabs.css" />

<style type="text/css">
h4.tabs.sub-title {
    padding-bottom: 3px;
    border-bottom: 1px dashed #e5e5e5;
}
</style>
<div ng-controller="tabsController">

    <h4 class="tabs sub-title">展示</h4>

	<h5>Tabs 1</h5>
    <div class="tabs">
        <ul class="nav nav-tabs">
            <li ng-class="{active: activeTab == 1}"><a href="javascript:void(0);" ng-click="activeTab = 1">标签1</a></li>
            <li ng-class="{active: activeTab == 2}"><a href="javascript:void(0);" ng-click="activeTab = 2">标签2</a></li>
        </ul>
        <div class="tab-content tab-bordered">
            <div class="tab-panel" ng-show="activeTab == 1">
                标签1的内容
            </div>
            <div class="tab-panel" ng-show="activeTab == 2">
                标签2的内容
            </div>
        </div>
    </div>

    <hr/>

    <h5>Tabs 1</h5>
    <div class="tabs">
        <ul class="nav nav-tabs">
            <li ng-class="{active: activeTab == 1}"><a href="javascript:void(0);" ng-click="activeTab = 1">标签1<span class="remove glyphicon glyphicon-remove-circle"></span></a></li>
            <li ng-class="{active: activeTab == 2}"><a href="javascript:void(0);" ng-click="activeTab = 2">标签2<span class="remove glyphicon glyphicon-remove-circle"></span></a></li>
        </ul>
        <div class="tab-content tab-bordered">
            <div class="tab-panel" ng-show="activeTab == 1">
                标签1的内容
            </div>
            <div class="tab-panel" ng-show="activeTab == 2">
                标签2的内容
            </div>
        </div>
    </div>


</div>
